html{font-size: 20px;font-family: '微软雅黑'}
body{background: #f3f3f3;}
p{margin: 0;padding: 0}
em{font-style: normal;}
button{outline: none;}
.box-shaow{box-shadow: 0 2px 10px rgba(0,0,0,.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);}

.sub-share{}
.sub-share .header{font-size: 1rem;padding: 1em 0;background: #fff;color: #585858;position: relative;}
.sub-share .header:after{content: '';display: table;clear: both;}
.sub-share .header .col-xs-3 img{width: 6.4rem;display: block;margin: 0 auto;border:.3em solid #f43846;border-radius: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sub-share .header p:first-child{margin-bottom: 1em;font-size: 1.4rem}
.sub-share .header p img{width: 2.2rem;vertical-align: middle;margin-left: .5em}
.sub-share .header .col-xs-9{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.sub-share .all-sub{background: #fff;margin-top: 1rem;}
.sub-share .all-sub .total{font-size: 1.2rem;padding: .5em 10px;border-bottom:1px solid #ccc;color: #3b3b3b}
.sub-share .all-sub .total span{display: inline-block;padding-left: 2.4rem;background: url(../images/sub-number.png) no-repeat left center;background-size: 1.4rem auto}
.sub-share .all-sub .total em{color: #f00}
.sub-share .all-sub .container{padding: 0}
.sub-share .all-sub .row{position: relative;font-size:1.2rem;margin: 0;padding: 1em 0;border-bottom:1px solid #ccc }
.sub-share .all-sub .col-xs-8{padding-right: 0}
.sub-share .all-sub .col-xs-4{position: absolute;top: 0;right: 0;height: 100%;}
.sub-share .all-sub p{font-size: 1rem;color: #959191}
.sub-share .all-sub p em{color: #3b3b3b}
.sub-share .all-sub .field{margin-top: .5em}
.sub-share .all-sub .field span{color: #fff;border-radius: 3px;padding: .1em .2em}
.sub-share .all-sub .field span:nth-child(3n){background: #669946}
.sub-share .all-sub .field span:nth-child(3n+1){background: #f2d32b}
.sub-share .all-sub .field span:nth-child(3n+2){background: #2dbde1}
.sub-share .all-sub h4{margin: 0;margin-bottom: 1em;font-size: 1.2rem;color: #3b3b3b}
.sub-share .all-sub button{position: absolute;top: 50%;width: 80%;height: 3.4em;right: 0;margin:0 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);background: #bf0f11;color: #fff;border:0 none;font-size: 1rem;border-radius: 6px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sub-share .all-sub .disabled{background: #afaeaf}
.sub-share .all-sub .having{background: #4a9518}

.sub-share .tips{text-align: center;color: #f00;padding: 1em 0;background: rgba(0,0,0,.05);}

.sub-share .detail .cont{margin: 3rem 10px 0;position: relative;color: #3b3b3b;}
.sub-share .detail .sub-title{position: absolute;width: 42%;top: -6%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.sub-share .detail .sub-top-bg img{width: 100%;display: block;} 
.sub-share .detail .sub-center-bg{padding: 1.5em 2.4em 0;background: url(../images/sub-cen-bg.png) repeat-y;background-size: 100% 1px} 
.sub-share .detail .sub-bottom-bg img{width: 100%;display: block;} 
.sub-share .detail .sub-bottom-bg{position: relative;}
.sub-share .detail .sub-center-bg:after{content: '';display: table;clear: both;}
.sub-share .detail .sub-center-bg p:first-child p{font-size: 1.4rem;text-align: center;}
.sub-share .detail span{font-size: 1rem;margin-right:1em;color: #959191}
.sub-share .detail span em{color: #3b3b3b}
.sub-share .detail .feild{padding: .4em 0}
.sub-share .detail .feild span{color: #fff;border-radius: 3px;padding: .1em .2em;margin-right: 0}
.sub-share .detail .feild span:nth-child(3n){background: #669946}
.sub-share .detail .feild span:nth-child(3n+1){background: #f2d32b}
.sub-share .detail .feild span:nth-child(3n+2){background: #2dbde1}
.sub-share .detail button{position: absolute;width: 67%;height: 3rem;bottom: 1rem;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #bf0f11;color: #fff;border:0 none;border-radius: 6px;font-size: 1.2rem}
.sub-share .detail button.disabled{background: #afaeaf}
.sub-share .detail button.other{background: #4a9518}
/*
.sub-share .detail .sub-bg{width: 100%;display: block;}
.sub-share .detail .cont > div{height: 100%;padding: 2.4em 2.4em 1em;position: absolute;top: 0;left: 0;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sub-share .detail .cont > div p:first-child{font-size: 1.4rem;margin-bottom: 1em}
.sub-share .detail p{text-align: center;}
.sub-share .detail span{color: #959191;font-size: 1rem;margin-right: 2em}
.sub-share .detail span:last-child{margin-right: 0}
.sub-share .detail em{color: #3b3b3b}
.sub-share .detail button{position: absolute;width: 67%;height: 3rem;bottom: 1rem;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #bf0f11;color: #fff;border:0 none;border-radius: 6px;font-size: 1.2rem}
.sub-share .detail button.disabled{background: #afaeaf}
.sub-share .detail button.other{background: #4a9518}
*/
.sub-time{position: fixed;top: 0;left: 0;width: 100%;color: #fff;height: 4rem;background: #fc6434;font-size: 1.8rem}
.sub-time span{display: inline-block;height: 4rem;line-height: 4rem;padding-left: 3rem;background: url(../images/sub-time.png) no-repeat left center;background-size: 1.8rem auto}
.sub-cont{margin: 6rem 1.4rem 0;background: #fff;color: #3b3b3b;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 1.2rem;padding: 1em;border-radius: 3px}
.sub-cont h3{font-size: 1.6rem;margin: 0;}
.sub-cont span{font-size: 1rem;color: #959191;display: block;margin: 1.5em 0;font-style: italic}
.sub-cont p{font-size: 1.2rem;}
.sub-cont .static{font-size: .9rem;display: inline-block;background: #f0f0f0;padding: .3em;margin-bottom:1.2rem}
.sub-cont .static em{color: #f00;}
.sub-images{height: 14rem;margin: 2rem 0;width: 100%;overflow-x: auto;font-size: 0}
.sub-images img{height: 100%;margin-left: 1.2rem;border:.5rem solid #e3e3e3;box-sizing: border-box;-webkit-box-sizing:border-box }
.sub-images img:first-child{margin-left: 0}
.sub-answers{font-size: 1.1rem;color: #3b3b3b;margin: 0 1em 5rem}
.sub-answers .row{padding: .5em 0;margin:0 0 1.3rem;background: url(../images/sub-choice-bg.png) no-repeat;background-size: 100% 100%;position: relative;}
.sub-answers .row .col-xs-1{height: 100%;position: absolute;top: 0;left: 0}
.sub-answers .row .col-xs-11{float: right;}
.sub-answers .correct{background: url(../images/sub-choice-yes.png) no-repeat 80% 60%;background-size: 1.9rem}
.sub-answers img{width: 1.5rem;position: absolute;left: 0;right: 0;top: 50%;margin:0 auto;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.sub-answer{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;height: 3.4rem;line-height: 3.4rem;font-size: 1.6rem;border-top: 1px solid #}
.sub-answer .col-xs-7,.sub-answer .col-xs-5{height: 3.4rem;padding: 0}
.sub-answer span{padding-left: 1.2rem}
.sub-answer button{position: absolute;right: 0;top: 0;height: 100%;background: #fc6434;font-size: 1.8rem;color: #fff;padding: 0 1.2em;border:0 none;}
.sub-top{padding-bottom:.6rem;text-align: center;font-size: 1.2rem;color: #fff}
.sub-top > div{padding: 2em 0 2em}
.sub-top.success{background: url(../images/sub-success-bg.png) no-repeat left bottom;background-size: 100% .6em}
.sub-top.error{background: url(../images/sub-error-bg.png) no-repeat left bottom;background-size: 100% .6em}
.sub-top.success > div{background: #f1673a}
.sub-top.error > div{background: #2193d1}
.sub-top img{width: 54.4%;}
.sub-btn{font-size: 1.7rem;color: #fff;text-align: center;margin-top: 2.5rem}
.sub-btn span{display: inline-block;padding-left: 2.8rem;color: #fff}
.sub-btn button{width: 43.2%;margin-left: 1rem;border:0 none;border-radius: 3px;padding: .8em 0;outline: none;}
.sub-btn button:first-child{margin-left: 0}
.sub-btn .continue{background: #ff5c1a;}
.sub-btn .continue span{background: url(../images/continue.png) no-repeat left center;background-size: 1.8rem auto}
.sub-btn .sare{background: #65b82e}
.sub-btn .sare span{background: url(../images/sub-share.png) no-repeat left center;background-size: 1.8rem auto}

.answer-result{margin: 1.4rem 1.4rem 1rem}
.answer-result .correct{font-size: 1.2rem;color: #3b3b3b;padding-left: 10px;margin-bottom: 1.2rem}
.answer-result .correct strong{font-size: 2.4rem;color: #8dd917}
.answer-result .options{font-size: 1rem;margin-bottom: 1.2rem}
.answer-result .options .row{color: #f00;margin: 0 0 1em;background: url(../images/sub-error-icon.png) no-repeat right top;background-size: 1.1rem}
.answer-result .options img{width: 1.5rem;}
.answer-result .options .yes{color: #8dd917;background: url(../images/sub-success-icon.png) no-repeat right top;background-size: 1.6rem}

.pay-success{margin: 2.5rem 0;text-align: center;}
.pay-success button{font-size: 1.4rem;color: #fff;background: #f9ab00;width: 86%;border:0 none;padding: 1em 0;border-radius: 3px;}
.pay-success span{display: inline-block;padding-left:2.4rem;background: url(../images/sub-success-exc.png) no-repeat left center;background-size: 1.6rem }

.analysis{margin: 0 1.2rem 1.4rem;background: #fff;padding: 1rem;font-size: 1.1rem;line-height: 1.8em}
.analysis span{font-size: 1rem;color: #959191;display: block;margin-top: 1.5em;font-style: italic}
.analysis p{text-indent: 2em}